/*
 * @Title: 注册账号短信验证
 * @Created by: gsjPC 
 */
<template>
	<view>
		<comHeader :config="navConfig"/>
		<view class="getYzmWrap">
			<view class="regTit">获取验证码</view>
			<view class="yzmLog">
				<view>
				<input 
				type="password" 
				placeholder="请输入短信验证码" 
				placeholder-style="color:#CCCCCC"
				placeholder-class="placecLass"
				@input="focusClass2"
				:class="[isActive2 ? 'blueBorder' : '']"/>
				<!--  @tap="TimeBtn" -->
				<view class="getYzm"><text>{{countdown}}</text><text v-if="timeStatus">s</text></view>
				</view>
			</view>
			<view class="goIndex" @tap="goIndex">确认</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				navConfig:{
					isFixed:false,
					left:{
						text:'',  
						isShowLeft:true,
						leftGobackColor:'black',
						leftTextColor:'black',
					},
					mid:{
						isShowMid:true,
						text:'注册账号'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
				countdown:'获取验证码',
				timeStatus:false, //s秒
				disabled:false //重新获取按钮是否开启
			}
		},
		methods:{
			goIndex(){
				uni.navigateTo({
					url:'/pages/login/loginCon'
				})
			}
		}
	}
</script>

<style>
	.getYzmWrap{
		margin:0upx 56upx 0 56upx;
		padding-top:210upx;
	}
	.yzmLog{
	margin-top: 76upx;
	height:46upx;
	}
	.yzmLog > view{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.yzmLog input{
		height:46upx;
		line-height:46upx;
		color: #333;
		width:428upx;
		font-size: 28upx;
		padding-bottom:20upx;
		border-bottom: 1upx solid #DCDCDC;
	}
	.regTit{
		color: #333333;
		font-size: 40upx;
		margin-bottom: 80upx;
		margin-top:70upx;
		font-weight: bold;
	}
	.getYzm{
		width:190upx;
		height: 63upx;
		line-height: 63upx;
		background: #559DFF;
		border-radius: 10upx;
		text-align: center;
		color: #FFFFFF;
		font-size: 24upx;
	}
	.goIndex{
		height: 88upx;
		line-height: 88upx;
		border-radius:88upx;
		font-size: 28upx;
		background: linear-gradient(left,#54AAFF,#568FFF);
		text-align: center;
		color: #ffffff;
		margin-top:110upx;
	}
</style>
